/**
 * 公共样式
 * 补充一些colorUI没有但是设计图常用的样式
 * 一些兼容性样式等
 */


$theme: #ff292c;

[v-cloak] {
	display: none;
}

.text-333{
  color: #333333;
}
.text-666{
  color: #666666;
}
.text-999{
  color: #999999;
}
.text-bf{
  color: #BFBFBF;
}
.text-through{
  text-decoration: line-through;
}

.text-cut-2,
.text-cut-3,
.text-cut-4,
.text-cut-5{
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  word-break: break-all;
}
.text-cut-2{
  -webkit-line-clamp: 2;
}
.text-cut-3{
  -webkit-line-clamp: 3;
}
.text-cut-4{
  -webkit-line-clamp: 4;
}
.text-cut-5{
  -webkit-line-clamp: 5;
}

.height-88{
  height: 88rpx;
}
.height-100{
  height: 100rpx;
}

.safeArea-bottom{
  padding-bottom: 0;
  padding-bottom: constant(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
}

.bg-theme{
  background-color: $theme!important;
}

.text-theme,.line-theme,.lines-theme{
  color: $theme!important;
}

.line-theme::after,.lines-theme::after{
  border-color: $theme!important;
}
.overHidden{
  overflow: hidden;
}

.word-break-all{
	word-break: break-all;
}

switch.theme[checked] .wx-switch-input,
checkbox.theme[checked] .wx-checkbox-input,
radio.theme[checked] .wx-radio-input,
switch.theme.checked .uni-switch-input,
checkbox.theme.checked .uni-checkbox-input,
radio.theme.checked .uni-radio-input {
	background-color: $theme!important;
	border-color: $theme!important;
	color: #ffffff!important;
}
